<!DOCTYPE html>
<html>
<head>
	<title>MinMax-SRS</title>
	<meta charset="UTF-8">
    <meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
	<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css" />
	<script src="js/jquery.js"></script>
	<script src="js/jquery.mobile-1.4.5.min.js"></script>
	<style type="text/css">
	    .ui-tc {
	        text-align: center;
	    }
	    .ui-grid-a 
	    {
	        font-size:0.8em;
	    }
	    .ui-grid-a .ui-block-a {
	        width: 37%;
	    }
	    .ui-grid-a .ui-block-b {
	        width: 63%;
	    }
	    a,span
	    {
	        word-break:normal;
	        width:auto; 
	        display:block; 
	        white-space:pre-wrap;
	        word-wrap:break-word;
	        overflow:hidden;
	    }
	</style>
	<script type="text/javascript">
	$(document).ready(function() {
		var text_box_click = $("#numbersOnly").click(function(){
			$("#myPopupDialog").popup("open" , {transition: 'pop'});
			$("#number")[0].focus();
			$("html,body").animate({scrollTop:$("#number").offset().top},25);
		});

		var number = $("#number").on('input',function(e){
		      this.value = this.value.replace(/[^0-9]/g,'');
		      if (this.value>100||this.value==0) {
		      	this.value="";
		      }
		    $("#numbersOnly").val(this.value);
	      	$("#result").text(this.value);
		    });   
		var save = $('#saveBid').bind('click', function(e) {
				alert('save ok!');
    		}); 		    
		});
		
	</script>
</head>
 <body>
<div data-role="page" id="page-title">  
    <div data-role="header" data-position="fixed" data-theme='b'>
            <h1>竞标室</h1>
            <a href="javascript:location.href='mybidding.php'" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left">返回</a>
	</div>
	    <div data-role="content" id="content">
			<div data-role="collapsible">
			    <h4>标案基本资料</h4>
			    <ul data-role="listview" id="listview"> 
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>标  号:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="bidno">XSP201611230001</a> 
			                </div>
			            </div>
			        </li> 
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>工程名称:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="projectName">航空港区E01栋3楼化学品间新增防爆设施工程</a> 
			                </div>
			            </div>
			        </li> 
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>客户报价:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="area">3700.0</a> 
			                </div>
			            </div>
			        </li> 
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>每码幅度:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="fudu">0.5%的整数倍</a> 
			                </div>
			            </div>
			        </li> 
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>每次最大降幅:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="maxfudu">0.5%的0.0倍数</a> 
			                </div>
			            </div>
			        </li> 
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>币别:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="currency">RMB</a> 
			                </div>
			            </div>
			        </li> 

			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>招标部门:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="bucode">Foxconn</a> 
			                </div>
			            </div>
			        </li> 
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>招标类別:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="categorycode">工具类</a> 
			                </div>
			            </div>
			        </li> 
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>竞标方式:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="wey">按供应商提供的初次报价竞标, 每次输入的降幅为百分比, 排名以累计降幅从大到小</a> 
			                </div>
			            </div>
			        </li> 
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>竞标类别:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="wey">降价竞标</a> 
			                </div>
			            </div>
			        </li> 			                   
			    </ul> 
		    </div>
		    <div data-role="collapsible" data-collapsed="false">
			    <h4>竞标价格</h4>
			    	<ul data-role="listview" id="listview"> 
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>当前排名:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="current-rate">1</a> 
			                </div>
			            </div>
			        </li> 
			         <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>累积降幅:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="ljjf">1</a> 
			                </div>
			            </div>
			        </li> 
			         <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>最终金额:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="final-pay">3237.50 (RMB) </a> 
			                </div>
			            </div>
			        </li>  
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>当前降价幅度:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="leavetime">1</a> 
			                </div>
			            </div>
			        </li>    
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>降价幅度</span>
			                </div>
			            </div>
			        </li> 
			        <li> 
			        <div class="ui-grid-a">
					<div class="ui-block-a" style="width: 75%;text-align:left;">
					12.50% + ( 0.5 * <input href="#login" type="textbox" name = "numbersOnly" readonly="true" id = "numbersOnly" class="numbersOnly" style="width:3em;border:none;border-bottom:solid;border-bottom-width: thin;" > )% =
					</div>
					<div class="ui-block-b" style="width:25%;"><span id="result"></span></div>
					</div>
								         
			        </li> 
			        <li>
			            <a data-role="button" style="text-align:center;" data-icon="check" data-iconpos="right" id="saveBid">保 存</a>
			        </li>
			    </ul> 
		    </div>
		    <div data-role="collapsible" class="info_main">
			    <h4>竞标情况</h4>
			    <div data-role="navbar">
		          <ul>
		            <li style="width:35px;">排名</li>
		            <li style="width:70px;">降价幅度</li>
		            <li style="width:150px;">竞价时间</li>
		          </ul>
		        </div>
		       <div data-role="navbar">
		          <ul>
		            <li style="width:35px;">1</li>
		            <li style="width:60px;">11.6%</li>
		            <li style="width:150px;">10:30:25</li>
		          </ul>
		        </div>
		       <div data-role="navbar">
		          <ul>
		            <li style="width:35px;">2</li>
		            <li style="width:70px;">10.3%</li>
		            <li style="width:150px;">10:31:12</li>
		          </ul>
		        </div>
		       <div data-role="navbar">
		          <ul>
		            <li style="width:35px;">3</li>
		            <li style="width:70px;">15.7%</li>
		            <li style="width:150px;">10:34:58</li>
		          </ul>
		        </div>
		    </div>
		    <div data-role="collapsible">
			    <h4>竞价时间</h4>
			    	<ul data-role="listview" id="listview"> 
			        <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>开始时间:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="starttime">2016-11-30 14:00:00</a> 
			                </div>
			            </div>
			        </li> 
			         <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>结束时间:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="closetime">2017-03-15 15:00:00</a> 
			                </div>
			            </div>
			        </li> 
			         <li> 
			            <div class="ui-grid-a"> 
			                <div class="ui-block-a">
			                    <span>剩余时间:</span>
			                </div>
			                <div class="ui-block-b">
			                    <a id="leavetime"><font color="red">1562:56:04</font></a> 
			                </div>
			            </div>
			        </li>                 
			    </ul> 
		    </div>
	    </div>
    <div data-role="popup" id="myPopupDialog" data-dismissible="true">
      <div data-role="header" data-theme="b">
        <h1>降价幅度</h1>
      </div>
      <div data-role="main" class="ui-content">
	  	<input type="number" id="number" name="input_number" placeholder="1-100">
      </div>
      <div data-role="footer"  data-theme="b">
      	<center>
        <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b ui-icon-back ui-btn-icon-left" data-rel="back">确定</a>
        </center>
      </div>
    </div>
    <div data-role="footer" data-position="fixed" id="footer" data-theme="b">
        <div data-role="navbar">
          <ul>
            <li><a href="javascript:location.href='search.php'">公告动态</a></li>
            <li><a href="javascript:location.href='search.php'">招标信息</a></li>
            <li><a href="javascript:location.href='mybidding.php'">我的标案</a></li>
          </ul>
        </div>
</div>
 </div>
</body>
</html>